@charset "utf-8";
html,body {
	position: relative;
	height: 100%;
}
body {
	background: #fff;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
 ul{list-style:none;}
input{border:none;outline:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.w1200{width:1200px;height:auto;margin:0 auto;}
.gray-bg{width:100%;padding:20px 0 80px 0;background:#F6F6F6;}
/* 页面样式 */
.indexNav{position: fixed;top: 50%;margin-top: -204.5px;right: 0;z-index: 9;display: none;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);}
.height1{height: 1px;}
.border_radius_top{border-radius: 8px 8px 0px 0px;}
.border_radius_bottom{border-radius: 0px 0px 8px 8px;}
.indexNav_mian{width: 56px;height: 64px;background: #fff;position: relative;cursor: pointer;}
.indexNav_mian_photo{width: 22px;height: 22px;margin: 8px auto 0 auto;}
.indexNav_mian_word{height: 20px;line-height: 20px;font-size: 12px;color: #233043;text-align: center;}
.indexNav_mian_line{height: 1px;background: #eee;}
.indexNav_mian_photo_wx{background: url("../img/indexNav01.png") center center no-repeat;background-size: 20px 16px;}
.indexNav_mian_photo_wb{background: url("../img/indexNav02.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian_photo_lx{background: url("../img/indexNav03.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian_photo_xx{background: url("../img/indexNav04.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian_photo_dc{background: url("../img/indexNav05.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian_photo_xc{background: url("../img/indexNav06.png") center center no-repeat;background-size: 22px 22px;}

.indexNav_mian:hover{background: linear-gradient(45deg, #370E51 0%, #8441C7 100%);box-shadow: 0px 10px 20px 0px rgba(187,191,218,0.15);}
.indexNav_mian:hover .indexNav_mian_word{color: #fff;}
.indexNav_mian:hover .indexNav_mian_photo_wx{background: url("../img/indexNav11.png") center center no-repeat;background-size: 20px 16px;}
.indexNav_mian:hover .indexNav_mian_photo_wb{background: url("../img/indexNav12.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian:hover .indexNav_mian_photo_lx{background: url("../img/indexNav13.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian:hover .indexNav_mian_photo_xx{background: url("../img/indexNav14.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian:hover .indexNav_mian_photo_dc{background: url("../img/indexNav15.png") center center no-repeat;background-size: 22px 22px;}
.indexNav_mian:hover .indexNav_mian_photo_xc{background: url("../img/indexNav16.png") center center no-repeat;background-size: 22px 22px;}

.indexNav_mian_ewm{visibility:hidden;opacity:0;width: 164px;height: 187px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);border-radius: 8px;position: absolute;top: 0;left: -216px;}
.indexNav_mian_ewm_img{margin: 23px auto 0 auto;width: 115px;height: 115px;}
.indexNav_mian_ewm_img img{width: 115px;height: 115px;display: block;border: 1px solid #C8C8C8;}
.indexNav_mian_ewm_word{height: 20px;line-height: 20px;color: #595959;font-size: 14px;text-align: center;margin-top: 4px;}
.indexNav_mian_ewm_word span{color: #6E4791;}
.indexNav_mian_tel{visibility:hidden;opacity:0;position: absolute;width: 233px;height: 53px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);border-radius: 8px;top: 0;left: -287px;}
.indexNav_mian_tel_mian{height: 52px;}
.indexNav_mian_telLogo{float: left;margin-left: 16px;margin-top: 18px;width: 13px;height: 16px;background: url("../img/navTel.png") center center no-repeat;background-size: 13px 16px;}
.indexNav_mian_telName{float: left;margin-left: 7px;margin-top: 16px;height: 20px;line-height: 20px;color: #595959;font-size: 14px;}
.indexNav_mian_telValue{float: left;margin-left: 16px;margin-top: 16px;font-size: 14px;color: #262626;height: 20px;line-height: 20px;}
.indexNav_mian:hover .indexNav_mian_tel{visibility:visible;opacity: 1;-webkit-transform: translateX(46px);transform: translateX(46px);-webkit-transition: .5s;transition: .5s;}
.indexNav_mian:hover .indexNav_mian_ewm{visibility:visible;opacity: 1;-webkit-transform: translateX(46px);transform: translateX(46px);-webkit-transition: .5s;transition: .5s;}

.indexNav_mian_back{width: 56px;height: 56px;box-shadow: 0px 10px 20px 0px rgba(187,191,218,0.15);border-radius: 8px;margin-top: 15px;background: url("../img/backGrey.png") center center no-repeat #FFFFFF;background-size: 56px 56px;cursor: pointer;}
.indexNav_mian_back:hover{background-image: url("../img/backLight.png");background-color: #8441C7;}

.pageBottom{background: #233043;height: auto;}
.position_relative{position: relative;}
.pageBottom_logo{width: 304px;height: 40px;margin-top: 52px;margin-left: 6px;}
.pageBottom_logo img{width: 304px;height: 40px;display: block;}
.pageBottom_ewmBox{position: absolute;top: 40px;right: 13px;}
.pageBottom_ewmBox_mian{float: left;margin-left: 14px;}
.pageBottom_ewmBox_photo{width: 115px;height: 115px;border-radius: 2px;border: 1px solid rgba(111, 125, 142, 0.5);}
.pageBottom_ewmBox_photo img{width: 106px;height: 106px;margin: 4px auto 0 auto;display: block;}
.pageBottom_ewmBox_word{height: 20px;line-height: 20px;margin-top: 4px;color: #FFFFFF;font-size: 14px;text-align: center;}
.pageBottom_ewmBox_word span{color: #8441C7;}
.pageBottom_list{margin-top: 13px;width: 600px;margin-left: 6px;}
.pageBottom_list_mian{width: 290px;float: left;height: 20px;line-height: 20px;color: #FFFFFF;font-size: 14px;margin-top: 16px;text-indent: 28px;}
.pageBottom_list_logo01{background: url("../img/bottomImg01.png") left center no-repeat;background-size: 16px 18px;}
.pageBottom_list_logo02{background: url("../img/bottomImg02.png") left center no-repeat;background-size: 16px 16px;}
.pageBottom_list_logo03{background: url("../img/bottomImg03.png") left center no-repeat;background-size: 16px 16px;}
.pageBottom_list_logo04{background: url("../img/bottomImg04.png") left center no-repeat;background-size: 16px 16px;}
.pageBottom_line{height: 1px;background: #6F7D8E;margin-top: 25px;}
.pageBottom_nav{margin-top: 22px;margin-left: 6px;}
.pageBottom_nav_title{height: 20px;line-height: 20px;font-size: 14px;color: #fff;}
.pageBottom_nav_list{margin-top: 12px;height: auto;line-height: 28px;color: #fff;font-size: 14px;}
.pageBottom_nav_list a{color:#fff;text-decoration:none;}
.pageBottom_nav_list a:visited{color:#fff;}
.pageBottom_nav_list a:link{color:#fff;}
.pageBottom_nav_list a:active{color:#fff;}
.pageBottom_nav_list a:hover{color:#fff;}
.pageBottom_copyright{margin-top: 39px;height: 73px;background: rgba(216, 216, 216, 0.2);}
.pageBottom_copyright_word{line-height: 26px;margin-top: 10px;text-align: center;font-size: 14px;color: #fff;}
.pageBottom_copyright_word+.pageBottom_copyright_word{margin-top: 0;}
.pageBottom_copyright_logo{display: inline-block;width: 16px;height: 16px;margin-right: 3px;margin-left: 5px;margin-top: -3px;vertical-align: middle;background: url("../img/bottomImg05.png") left center no-repeat;background-size: 16px 16px;}

.height100{height: 100px;}
.bgF5{background: #f5f5f5;}
.pageNav{height: 20px;line-height: 20px;font-size: 14px;color: #999;margin-top: 16px;}
.pageNav a{color:#999;text-decoration:none;}
.pageNav a:visited{color:#999;}
.pageNav a:link{color:#999;}
.pageNav a:active{color:#999;}
.pageNav a:hover{color:#999;}
.waterFeeBox{margin: 16px 0 52px 0;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);border-radius: 8px;}
.waterFeeBox_title{height: 93px;background: linear-gradient(90deg, #543D68 0%, rgba(103,82,123,0.39) 42%, rgba(108,87,127,0) 100%);border-radius: 8px 8px 0px 0px;}
.waterFeeBox_title_logo{margin-left: 24px;margin-top: 35px;width: 24px;height: 23px;background: url("../img/money.png") left center no-repeat;background-size: 24px 23px;float: left;}
.waterFeeBox_title_mian{margin-left: 16px;margin-top: 20px;height: 45px;line-height: 45px;color: #FFFFFF;font-size: 20px;float: left;}
.waterFeeBox_title_mian span{font-weight: bold;font-size: 32px;margin: 0 15px;}
.waterFeeBox_title_tipe{margin-left: 24px;margin-top: 38px;height: 20px;line-height: 20px;color: #fff;font-size: 12px;float: left;}
.waterFeeBox_title_record{display: block;text-decoration:none;float: right;height: 24px;line-height: 24px;font-size: 18px;color: #595959;margin-top: 34px;margin-right: 24px;padding-right: 25px;background: url("../img/right.png") right center no-repeat;background-size: 9px 16px;}
.waterFeeBox_list{margin-top: 35px;}
.waterFeeBox_list_line{width: 1px;height: 114px;background: #CCCCCC;float: left;}
.waterFeeBox_list_mian{width: 299px;float: left;text-align: center;}
.waterFeeBox_lineOther{margin-top: 24px;height: 1px;background: #ccc;}
.waterFeeBox_list_box{display: inline-block;text-align: left;margin-top: 13px;}
.waterFeeBox_list_title{height: 20px;line-height: 20px;color: #595959;font-size: 14px;}
.waterFeeBox_list_word{margin-top: 24px;height: 20px;line-height: 20px;color: #262626;font-size: 16px;font-weight: bold;}
.waterFeeBox_pay{margin-top: 80px;padding-bottom: 80px;}
.waterFeeBox_payTitle{height: 28px;line-height: 28px;font-size: 20px;color: #262626;font-weight: bold;text-align: center;}
.waterFeeBox_pay_box{width: 300px;margin: 40px auto 0 auto;}
.waterFeeBox_pay_prompt{height: 24px;line-height: 22px;font-size: 12px;color: #DB0602;}
.waterFeeBox_pay_tabs_mian{cursor: pointer;width: 91px;height: 34px;background: #F5F5F5;border-radius: 2px;border: 1px solid #D9D9D9;float: left;line-height: 34px;color: #595959;font-size: 12px;text-align: center;}
.waterFeeBox_pay_tabs_mian+.waterFeeBox_pay_tabs_mian{margin-left: 10px;}
.waterFeeBox_pay_tabs_mian.hover{border: solid 1px #432C58;background: #F0ECF3;}
.waterFeeBox_pay_input{width: 298px;height: 32px;background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;}
.waterFeeBox_pay_input input{width: 243px;height: 22px;line-height: 22px;font-size: 14px;float: left;margin-top: 6px;margin-left: 16px;color: #565656;}
.waterFeeBox_pay_input input::-webkit-input-placeholder{color: #BFBFBF;}
.waterFeeBox_pay_input_unit{margin-left: 5px;margin-top: 6px;height: 22px;line-height: 22px;color: #595959;}
.waterFeeBox_pay_submit{margin: 40px auto 0 auto;width: 270px;height: 32px;line-height: 32px;background: #604B72;border-radius: 4px;border: 1px solid #79539B;text-align: center;color: #FFFFFF;font-size: 14px;cursor: pointer;}
.waterRecord{padding: 24px 24px 32px 24px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);border-radius: 8px;margin: 16px 0 50px 0;}
.waterRecord_title{background: url("../img/moneyBlack.png") left center no-repeat;background-size: 24px 23px;text-indent: 41px;color: #262626;height: 28px;line-height: 28px;font-weight: bold;font-size: 20px;}
.waterRecord_table{margin-top: 24px;}
.waterRecord_table table{border: 0;width: 100%;}
.waterRecord_table table tr{border: 0;}
.waterRecord_table table tr th{background: #f5f5f5;line-height: 22px;padding: 8px 16px;text-align: left;font-size: 14px;}
.waterRecord_table table tr th span{font-size: 12px;}
.waterRecord_table table tr td{line-height: 22px;padding: 8px 16px;text-align: left;border-bottom: solid 1px #F0F0F0;font-size: 14px;color: #595959;line-height: 22px;}
.waterRecord_table table tbody tr:hover td{background: #f6f4f8;}

.waterRecord_page{margin-top: 24px;}
.waterRecord_page_content{float: right;}
.waterRecord_page_left{float: left;width: 32px;height: 32px;background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;line-height: 32px;text-align: center;font-size: 14px;color: #595959;cursor: pointer;margin: 0 4px;}
.waterRecord_page_num{float: left;width: 32px;height: 32px;background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;line-height: 32px;text-align: center;font-size: 14px;color: #595959;cursor: pointer;margin: 0 4px;}
.waterRecord_page_num.hover{background: #604B72;border: 1px solid #604B72;color: #fff;}
.waterRecord_page_right{float: left;width: 32px;height: 32px;background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;line-height: 32px;text-align: center;font-size: 14px;color: #595959;cursor: pointer;margin: 0 4px;}
.waterRecord_page_drop{float: left;margin: 0 4px;}
.waterRecord_page_dropMian{width: 3px;height: 3px;background: #BFBFBF;border-radius: #bfbfbf;border-radius: 3px;float: left;margin-top: 15px;}
.waterRecord_page_dropMian+.waterRecord_page_dropMian{margin-left: 4px;}
.waterRecord_page_input{float: left;margin-left: 12px;}
.waterRecord_page_input input{margin: 0 4px;width: 48px;height: 34px;line-height: 34px;background: #FFFFFF;border-radius: 2px;border: 1px solid #D9D9D9;padding: 0 5px;float: left;}
.waterRecord_page_input_word{height: 34px;line-height: 34px;color: #595959;font-size: 14px;float: left;}
.waterRecord_page_allNum{height: 34px;line-height: 34px;color: #595959;font-size: 14px;float: left;margin-left: 16px;}


.certify{position: relative;width: 1400px;overflow: hidden;margin-top: 80px;}
.certify .swiper-container{padding-bottom: 30px;}
.certify .swiper-slide {width: 586px;height: 440px;background: #fff;box-shadow: 0 8px 30px #ddd;}
.certify .swiper-slide img{display:block;object-fit: cover;width: 586px;height: 440px;}
.certify .swiper-slide p {line-height: 44px;padding-top: 0;text-align: center;color: #233043;font-size: 16px;margin: 0;}
.certify .swiper-pagination {width: 100%;bottom: 20px;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}
.certify .swiper-button-prev{left: 30px;width: 56px;height: 56px;background: url(../img/prevH.png) no-repeat;background-size: 100%;z-index: 2;}
.certify .swiper-button-next{right: 30px;width: 56px;height: 56px;background: url(../img/nextH.png) no-repeat;background-size: 100%;z-index: 2;}
.certify .swiper-button-prev::after,.certify .swiper-button-next::after{display: none;}